﻿html,body,div,span,a,ul,li,ol,p,form,input,label,select,button,textarea,img,h1,h2,h3,h4,h5,h6,i,table,td,tr,th,video,object,canvas,i{ padding: 0; margin: 0; box-sizing: border-box; outline:none;}
div,a,p,li,span,label,select,input,button,textarea,h1,h2,h3,h4,h5,h6,tr,td,th,i{ font-family: PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;}
a,a:hover,a:link,a:active,p,span,h1,h2,h3,h4,h5,h6,i,td,th,tr,label{ text-decoration: none;}
img,input,button{ border: none;}
ul,ol,li{ list-style: none;}
body{ background: #FFF}
html,body{ width: 100%; height: 100%;}
table tr td, table tr th{white-space:nowrap;}
.edui-default{ white-space: initial !important;}

.lineHei47{ line-height: 47px !important}
.mt40{ margin-top: 40px !important}
.textAliRi{ text-align: right !important}
.fr{ float: right}
.noBor{ border: none !important}
.ml10{ margin-left: 10px !important}
.edui-editor-messageholder,.edui-editor-iframeholder,.edui-editor{ width: auto !important}
/*.edui-editor-wordcount{ width: 100% !important}*/
@font-face {
    font-family: 'iconFont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconFont{
    font-family:"iconFont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.mainBody{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-left: 200px}
.mainNav{ position: absolute; left: 0; top: 0; display: flex; display: -webkit-flex; width: 200px; height: 100%; background: #f5f7fa; border-right: 1px solid #e6e9f0; flex-direction: column; flex-shrink: 0;}
.mainNav .tit{ width: 100%; height: 90px; text-align: center; line-height: 90px; font-size: 18px; color: #1989fa}
.mainNav .navList{ width: 100%; height: 100%; flex: 1; -webkit-flex: 1; overflow-y: auto; border-top: 1px solid #e6e9f0;}
.mainNav .navList::-webkit-scrollbar { width: 0; height: 0}
.mainNav .navList ul{ width: 100%; height: auto; overflow: hidden}
.mainNav .navList li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5px;}
.mainNav .navList a.link{ display: block; width: 100%; height: 45px; overflow: hidden; line-height: 45px; color: #8d9199; border-left: 3px solid transparent; font-size: 14px}
.mainNav .navList a.link i.left{ float: left; display: inline-block; line-height: 45px; margin-left: 22px; font-size: 20px; color: rgba(25,137,250,.4); margin-right: 14px}
.mainNav .navList a.link i.right{ float: right; display: inline-block; line-height: 48px; margin-right: 22px; font-size: 14px; color: #ccc;}

.mainNav .navList li.active a.link{ color: #008afe;}
.mainNav .navList li.active a.link i.left{ color: #008afe;}
.mainNav .navList li.active a.show{ background: #e1edfa; border-color: #008afe; color: #2f3033;}
.mainNav .navList li.active a.show i.left{ color: #2f3033;}
.mainNav .navList li a.link:hover{ background: #e1edfa;}

.mainNav .navList li .subNav{ width: 100%; height: auto; overflow: hidden; display: none}
.mainNav .navList li.active .subNav{ display: block}
.mainNav .navList li .subNav a{ display: block; width: 100%; height: 45px; padding-left: 20px; line-height: 45px; color: #8d9199}
.mainNav .navList li .subNav a.active{ color: #008afe}
.mainNav .navList li .subNav a:hover{ color: #008afe}

.main{ display: flex; display: -webkit-flex; height: 100%; flex-direction: column; flex-shrink: 0; -webkit-box-flex: 1; width: 100%}
.mainTop{ width: 100%; height: 60px; overflow: hidden; border-bottom: 1px solid #e6e9f0; padding: 0 40px; background: #FFF}
.mainTop .text{ float: right; line-height: 60px; color: #7a8599; margin-left: 40px; font-size: 14px}
.mainTop .text i{ display: block; float: left; line-height: 61.5px; font-size: 20px; color: #7a8599; margin-right: 8px}
.mainTop a.text:hover,.mainTop a.text:hover i{ color: #333}

.indexBox{ flex: 1; -webkit-flex: 1; width: 100%; overflow-y: auto;}
.con-det{ width: 100%; height: auto; overflow: hidden; padding: 40px; display: flex; display: -webkit-flex; flex-direction: column;}
.indexNumber{ width: 100%; height: auto; overflow: hidden}
.indexNumber .jumbotron{ padding: 30px 40px}
.indexNumber .jumbotron h1{ color: rgb(35, 142, 250)}

.chartBox{ width: 100%; height: auto; overflow: hidden; margin-top: 20px}
.chartBox .line{ width: 100%; height: auto; overflow: hidden; margin-top: 20px}

.blue{ background: rgb(35, 142, 250)}
.pageTit{ line-height: 38px}
.pageTit span{ padding: 0 12px; line-height: 32px; display: inline-block}

.subNav{ width: 100%; height: 95px; padding: 0 40px}
.subNav .text{ display: block; width: 100%; height: 95px; border-bottom: 1px solid #e6e9f0; line-height: 94px; color: #333}
.subNav .text i{ float: left; font-size: 20px; color: rgb(35, 142, 250); margin-right: 12px}
.subNav .text a{ color: #333}
.subNav .text a:hover{ color: rgb(35, 142, 250)}

.formTable{ width: 100%; height: auto; overflow: hidden;}
.formTable td{ padding: 8px; color: #333;  border-top: 1px solid #e6e9f0;}
.formTable td.name{ width: 140px}
.formTable td .inp{ color: #333; max-width: 488px; float: left; font-size: 14px; color: #666}
.formTable td .time{ max-width: 242px;}
.formTable td .address{ max-width: 160px;}
.formTable td .inp:nth-child(2),.formTable td .inp:nth-child(3){ margin-left: 4px}

.listBox{ width: 100%; max-width: 100%; height: auto; overflow: hidden}
.listScroll{ width: 100%; height: auto; overflow: auto}
.table{ border-bottom: #ddd solid 1px}
.table td{ color: #333}
.table th{ color: #666}
.table input[type=checkbox]{ width: 14px; height: 14px; margin-top: 3px; float: left; margin-right: 6px}
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #FFF;
}
.table-striped>tbody>tr:nth-child(1) {
    background-color: #f9f9f9;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ padding: 8px 12px; vertical-align: middle}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color:  rgb(35, 142, 250); border-color:  rgb(35, 142, 250);}

.pagination>li>a, .pagination>li>span { color: rgb(35, 142, 250);}

.editForm td{ line-height: 34px}
.editForm .inp{ float: none !important}
label.error{ display: block; width: 100%; font-size: 14px; color: #a94442; margin-top: 10px}
.editForm h4.title{ line-height: 40px; margin-top: 60px}
.editForm tr:nth-child(1) h4.title{ margin-top: 0}

.loginBg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #FFF}
.loginBox .text{ display: block; width: 100%; font-size: 28px; text-align: center; color: rgb(35, 142, 250); line-height: 40px; font-weight: bold; margin-bottom: 50px}
.loginBox{ position: absolute; top: 50%; left: 50%; width: 300px; height: 310px; margin-left: -150px; margin-top: -185px}
.loginBox .logo{ width: 300px;}
.loginBox form{ width: 300px; height: auto; overflow: hidden;}
.loginBox .inp{ margin-bottom: 20px; height: 42px}
.loginBox .codeBox{ width: 100%; height: 42px; position: relative; padding-right: 120px;}
.loginBox .codeBox .pic{ position: absolute; top: 0; right: 0; width: 100px; height: 42px}
.loginBox .btn{ width: 100%; height: 42px; line-height: 42px; padding: 0; margin-top: 30px}

.logoPic{ width: 200px; height: 100px; text-align: center;}
.logoPic img{ width: 140px; height: auto; overflow: hidden; margin-top: 35px}